<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="fhp" tagdir="/WEB-INF/tags"%>
<fhp:layout>
	<jsp:attribute name="css">
				.image_carousel article {
				border-bottom: 1px dotted #dfdfdf;
			}
	</jsp:attribute>
	<jsp:attribute name="javascript">
		function getScrollMaxY() {
			if ('scrollMaxX' in window) {
				return window.scrollMaxY;
			} else {
				var maxY = document.documentElement.scrollHeight
						- document.documentElement.clientHeight;
				return maxY;
			}
		}

		function getScrollYPosition() {
			if ('pageXOffset' in window) { // all browsers, except IE before version 9
				return window.pageYOffset;
			} else { // Internet Explorer before version 9
				return document.documentElement.scrollTop;
			}
		}

		window.onscroll = function() {

			if (getScrollYPosition() >= getScrollMaxY()) {
				var ss = document.body.scrollHeight;
				document.body.clientHeight;
				document.documentElement.clientHeight;
				document.height;
				new GalleryView().loadNewGallery();
			}

		}
		FullHappyCookie.setCookie('galleryIndex', 0, 1);
	</jsp:attribute>
	<jsp:body>

		<section class="image_carousel">
			<div class="pagination1">dfsdfg</div>
			<div id="gallery_container" class="gallery_container">
			</div>
				<script>
					new GalleryView().loadNewGallery();
				</script>
			<div class="clearfix"></div>
		</section>
	
	</jsp:body>
	
</fhp:layout>